<template>
    <div class="container">
        <el-row type="flex" justify="space-between">
            <!-- 订单表单 -->
            <div class="main">
              <orderForm  />
            </div>

            <!-- 侧边栏 -->
            <div class="aside">
            <orderAside  v-if="$store.state.air.infoData.seat_infos" :data="$store.state.air.infoData"/>
            </div>
        </el-row>
    </div>
</template>

<script>
  import orderForm from "@/components/air/orderForm.vue"
   import orderAside from "@/components/air/orderAside.vue"
export default {
  components:{
    orderForm,
    orderAside
  }
}
</script>

<style lang="less" scoped>
    .container{
        width:1000px;
        margin:20px auto;
    }

    /*aside*/
    .aside{
        width: 350px;
        height: fit-content;
        border:1px #ddd solid;
    }
</style>
